<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Bootstrap 实例 - 折叠面板</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.css">
		<script src="js/jquery-3.2.1.js" type="text/javascript"></script>
		<script src="js/devicelist.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>
	</head>
	<body>
		<table class="table table-hover table-bordered" id="mytable">
					<thead>
						<tr>
							<th>选中</th>
							<th>设备名称</th>
							<th>用户手机号</th>
							<th>设备id</th>
							<th>在/离线</th>
							<th>创建时间</th>
							<th>设备版本</th>
							<th>操作</th>
						</tr>
						<tr>
							<td><input type="checkbox" onclick="checkAll(this)" /></td>
							<td colspan="6">
								<a href="javascript:void(0)" class="btn btn-danger" role="button" id="delAll">全部删除</a>
							</td>
						</tr>
					</thead>
					<tbody id="listTable">
						
					</tbody>
				</table>
		<div class="container" id="page2">
			<ul class="pagination">
				<li>
					<a href="javascript:void(0)" id="homePage">首页</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="preciousPage">上一页</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="precious">...</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="now">1</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="next">...</a>
				</li>
				<li>
					<input type="hidden" value="" id="nextPageval">
					<a href="javascript:void(0)" id="nextPage">下一页</a>
				</li>
				<li>
					<a href="javascript:void(0)" id="trailerPage">尾页</a>
				</li>
			</ul>
		</div>
	</body>
</html>
